﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>问题列表 - Q&A</title>
    <link href="Css/Main.css" rel="stylesheet" />
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/headjs/0.99/head.load.min.js"></script>
</head>

<body>

    <div id="loading">
        <div style="display: block; position: fixed; z-index: 2024; width: auto; top: 50%; left: 50%; margin: 0px 0 0 -100px; text-align: center; vertical-align: middle;">
            <img src="Images/loading.gif" width="145px" height="28px" />
        </div>
        <div style="width: 100%; height: 100%; position: fixed; z-index: 2023; top: 0px; left: 0px; overflow: hidden; background-color: #FFFFFF;">
        </div>
    </div>
    <!-- 头部 -->
    <div class="top-bar">
        <div class="warp">
            <ul class="top-logo">
                <li>
                    <h1 class="brand">
                        <a href="/">
                            <img alt="Q&A" src="Images/0.png" title="Q&A"></a>
                    </h1>
                </li>
                <li class="searcher"></li>
            </ul>
            <ul class="top-user offline">
                <li class="">
                    <a class="signin-dropdown">登 录</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部 end -->
    <!-- 中部 -->
    <div id="container">
        <!-- 问题详情 -->
        <aside id="details">
							<div class="details-inner">
								<div id="details-content">
									<a id="detail-close" href="javascript:;"></a>
									<div id="vitals">
										<a class="image" href="http://www.builditwith.me/user/marcollr"><img alt="marcollr" src="https://id.val.io/uploads/avatars/default-avatar.png"></a>
										<h3><a href="http://www.builditwith.me/user/marcollr">marcollr</a></h3>
										<a href="" style="display: none;"></a><br>
										<a href="" style="display: none;"></a>
									</div>
									<ul id="personal-info">
										<li style="display: none;"></li>
										<li style="display: none;"></li>
										<li style="display: none;"></li>
										<li><a href="mailto:marcollr@me.com">marcollr@me.com</a></li>
									</ul>
									<a class="gen-btn-shadow" href="mailto:marcollr@me.com?subject=[BuildItWith.Me] Hey marcollr"><span>Get In Contact</span></a>
									<hr>
									<dl id="avail-status">
										<dt>Availability for Projects</dt>
										<dd>Currently Available</dd>
									</dl>
									<hr>
									<span id="app-count">1</span> App Ideas
									<ul id="app-ideas"><li><a href="">AURORA</a></li></ul>
									<hr>
									<dl id="wants-to-build">
										<dt>Wants To Build</dt>
										<dd>Info Coming Soon</dd>
									</dl>
									<hr>
									<dl id="skills">
										<dt>Skills</dt>
										<dd>Info Coming Soon</dd>
									</dl>
									<hr>
									<p id="additional_info"></p>
								</div>
							</div>
						</aside>
        <div id="Q" class="Q">
            <ul class="Q-item">
                <li>
                    <div class="more"><a href="#" class="gen-btn"><span>查看</span></a></div>
                    <span class="user-img">
                        <img src="Images/avatar.gif" alt="樱桃子" />
                    </span>
                    <div class="Q-title">
                        <h2>
                            <a href="#" title="">How to get rid of negative promotion by your competitors?</a>
                        </h2>
                    </div>
                    <div class="Q-info">
                        <span class="type">未解决</span> <span class="ans">回答<strong> 1</strong></span> <span class="tabs">HTML</span><span class="tabs">布局</span>
                    </div>
                </li>
            </ul>
            <ul class="Q-item">
                <li>
                    <div class="more"><a href="#" class="gen-btn"><span>查看</span></a></div>
                    <span class="user-img">
                        <img src="Images/avatar.gif" alt="樱桃子" />
                    </span>
                    <div class="Q-title">
                        <h2>
                            <a href="#" title="">How to get rid of negative promotion by your competitors?</a>
                        </h2>
                    </div>
                    <div class="Q-info">
                        <span class="type">已解决</span> <span class="ans">回答<strong> 1</strong></span> <span class="tabs">JavaScript</span>
                    </div>
                </li>
            </ul>
            <ul class="Q-item">
                <li>
                    <div class="more"><a href="#" class="gen-btn"><span>查看</span></a></div>
                    <span class="user-img">
                        <img src="Images/avatar.gif" alt="樱桃子" />
                    </span>
                    <div class="Q-title">
                        <h2>
                            <a href="#" title="">How to get rid of negative promotion by your competitors?</a>
                        </h2>
                    </div>
                    <div class="Q-info">
                        <span class="type">未解决</span> <span class="ans">回答<strong> 1</strong></span> <span class="tabs">JavaScript</span>
                    </div>
                </li>
            </ul>
            <ul class="Q-item">
                <li>
                    <div class="more"><a href="#" class="gen-btn"><span>查看</span></a></div>
                    <span class="user-img">
                        <img src="Images/avatar.gif" alt="樱桃子" />
                    </span>
                    <div class="Q-title">
                        <h2>
                            <a href="#" title="">How to get rid of negative promotion by your competitors?</a>
                        </h2>
                    </div>
                    <div class="Q-info">
                        <span class="type">未解决</span> <span class="ans">回答<strong> 1</strong></span> <span class="tabs">JavaScript</span>
                    </div>
                </li>
            </ul>
            <ul class="Q-item">
                <li>
                    <div class="more"><a href="#" class="gen-btn"><span>查看</span></a></div>
                    <div class="Q-title">
                        <h2>
                            <a href="#" title="">How to get rid of negative promotion by your competitors?</a>
                        </h2>
                    </div>
                    <div class="Q-info">
                        <span class="type">未解决</span> <span class="ans">回答<strong> 1</strong></span> <span class="tabs">JavaScript</span>
                    </div>
                    <span class="user-img">
                        <img src="Images/avatar.gif" alt="樱桃子" />
                    </span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 中部 end -->

    <!-- 反馈
    <div id="feedback-btn">
        <p><a href="#">反 馈</a></p>
    </div>
-->
    <script type="text/javascript">
        head.js("http://code.jquery.com/jquery.min.js", "Scripts/jquery.tipTip.js", "Scripts/jquery.placeholder.js", "Scripts/artDialog/jquery.artDialog.js?skin=simple", "Editor/kindeditor-min.js", "Editor/lang/zh_CN.js", function () {

            $(function () {

                $("#Q li").click(function () {
                    $("#Q li").removeClass("selected");
                    $(this).addClass("selected");
                    $("#details").css({
                        "height": (parseInt($(window).height()) + parseInt($(window).scrollTop()) - 218) + "px",
                        "display": "block"
                    });
                    $("#details-content").css("height", parseInt($(window).height()) - 274 + "px");
                    // 加载数据
                    //$(elem).find("h2").html(data.name.trunc(52)); 
                    //$(elem).find("span.user-img img").attr("src", base_url + "images/idea-avatar.png").css("display", "block");
                    //$(elem).find("span.fullname a").text(users_name).attr("href", base_url + "user/" + data.user[0].username);
                });


                $("#detail-close").click(function () {
                    $("#details").hide();
                    $("#listings li").removeClass("selected");
                });
            })

            $('#loading').fadeOut("slow");
        });


    </script>
</body>
</html>
